@font-face {
    font-family: 'iconfont';
    /* project id 746537 */
    src: url('//at.alicdn.com/t/font_746537_4mwlbctjtwq.eot');
    src: url('//at.alicdn.com/t/font_746537_4mwlbctjtwq.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_746537_4mwlbctjtwq.woff') format('woff'), url('//at.alicdn.com/t/font_746537_4mwlbctjtwq.ttf') format('truetype'), url('//at.alicdn.com/t/font_746537_4mwlbctjtwq.svg#iconfont') format('svg');
}

.success {
    height: 100%;
    background-color: #ebebeb;
    .top {
        position: relative;
        background-color: rgb(55, 55, 55);
        text-align: center;
        color: #fff;
        padding: 1rem 0;
        a {
            position: absolute;
            left: 2rem;
            color: #fff;
            top: 2%;
            font-size: 3rem;
        }
    }
    .qie {
        background: linear-gradient(to right, #56ccf2, #2f80ed);
        background-size: 200%;
        transition: background-color .5s;
        color: #fff;
        font-size: 1.7rem;
        padding: 1.5rem 3rem;
        position: relative;
        img{
            width: 20%;
            position: absolute;
            right: 5%;
            top: 50%;
            margin-top: -10%;
        }
    }
    .init{
        background-color: #fff;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    >a{
        display: block;
        background-color: #fff;
        margin: 0.5rem 0;
        color: #000;
        text-align: center;
        padding: 1rem 1rem;
    }
    .bottom{
        background-color: #fff;
        a{display: inline-block;
        width: 49.8%;
        float: left;
        text-align: center;
        padding: 1rem 0.5rem;
        color: #000;
        }
        a:nth-child(1){
            border-right: 1px solid #eeeeee;
        }
    }
}